<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/header.css">
    <link rel="stylesheet" href="/css/footer.css">
    <link rel="stylesheet" href="/css/cart.css">
    <link rel="stylesheet" href="/lib/iconfont/iconfont.css">
</head>

<body>
    <!-- 页眉 -->
    <header></header>
    <!-- 中间内容部分的样式 -->
    <div class="empty">
        <img src="/img/empty.jpeg" alt="">
    </div>
    <div id="shopList" class="container">
        <script type="text/html" id="cartTemplate">
            <div class="listTheme">
                <h1>购物清单</h1>
            </div>
            <ul class="listTitle">
                <li>商品信息</li>
                <li>单价</li>
                <li>数量</li>
                <li>小计</li>
                <li>操作</li>
            </ul>
            
            {{each list item}}
            <ul class="goods">
                <li>
                    <input type="checkbox" class="select"/>
                    <img src="{{item.image}}" />
                    <div>
                        <h2>{{item.title}}</h2>
                        <p>水驼色</p>
                    </div>
                </li>
                <li>&yen;{{item.price}}</li>
                <li class="change">
                    <button class="reduce">-</button>
                    <em>{{item.count}}</em>
                    <button class="addnum">+</button>
                </li>
                <li>
                    <b>&yen;{{(item.count * item.price).toFixed(2)}}</b>
                </li>
                <li class="del">
                    <span class="iconfont icon-shanchu"></span>
                </li>
            </ul>
            {{/each}}

            <!-- 如果超出某一个固定值则移除allscroll，否则加上allscroll -->
            <div class="allMsg">
                <div class="leftMsg">
                    <input type="checkbox" class="allSelect">
                    <h3>全选</h3>
                    <span>删除选中的商品</span>
                </div>
                <div class="rightMsg">
                    <div>
                        <h2>共计 <em class="allCount">{{3}}</em> 件商品</h2>
                        <!-- <b>共计 <i>3</i> 件商品</b> -->
                    </div>
                    <div>
                        <h2>应付总额： <em class="allPrice">&yen; 1083.00</em></h2>
                    </div>
                    <button>现在结算</button>
                </div>
            </div>
        </script>
    </div>
    <!-- 页脚 -->
    <foot></foot>
</body>
<script src="/lib/requirejs/require.js" data-main="/js/cart"></script>

</html>